<div class="pest-recognition">
    <div class="row ">
        <div class="col-sm-10">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="form-group">
                        <button name="file" class="btn btn-info btn-block"><span class="glyphicon glyphicon-picture"></span> 选择虫害图片</button>
                    </div>
                    <div class="text-center filename">
                    </div>
                </div>
                <div class="panel-footer">
                    <button name="picture" class="btn btn-primary btn-block"><span class="glyphicon glyphicon-upload"></span> <span class="text">识 别</span></button>
                </div>
            </div>
        </div>
        <div class="col-xs-4 col-sm-2">
            <div class="preview" style="margin: 0;"></div>
            <p></p>
            <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                0%
            </div>
        </div>
    </div>
    <div class="box box-default box-solid result hide">
        <div class="box-body">

        </div>
        <div class="overlay">
            <i class="fa fa-refresh fa-spin"></i>
        </div>
    </div>
    <div class="">
</div>

</div>
<script th:src="@{/plugin/plupload/plupload.min.js}" src="../../static/plugin/plupload/plupload.min.js"></script>
<script th:src="@{/plugin/plupload/zh_CN.js}" src="../../static/plugin/plupload/zh_CN.js"></script>
<script>
    $(document).ready(function () {
        Data.pest.recognition($('.pest-recognition'));
    });
</script>
